{{define "layout"}}
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>{{template "title"}}</title>
  <link rel="icon" type="image/x-icon" href="assets/images/App.ico">

  <link rel="stylesheet" href="assets/css/typography.css">
  <link rel="stylesheet" href="assets/css/alloy.css">
  <link rel="stylesheet" href="assets/css/title-bar.css">
  <link rel="stylesheet" href="assets/css/button.css">
  <link rel="stylesheet" href="assets/css/main.css">

</head>

<body class="theme-light">

  <div class="alloy-title-bar-full">
    <div class="alloy-title-bar">
      <div class="title-bar cdk-drag cdk-drag-handle cdk-drag-disabled"
        style="touch-action: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; user-select: none;">
        <div class="alloy-title-bar-icon alloy-icon up">
          <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.99 22">
            <path fill="#ea0029" stroke="none"
              d="M527.14,384.44c-.23,0-.71-.27-1.06-1.57-.55-2.08-.81-3.87-1.75-3.87s-1.36,1.79-1.91,3.87c-.33,1.23-.67,1.57-1.23,1.57s-1.05-.25-1.84-3.47c-.69-2.81-1.17-7.9-3.48-7.9s-3,6.64-3.3,7.92c-.37,1.58-1.28,3.45-2.43,3.45s-1.74-1.3-2.09-2.7c-.52-2.15-1.12-5.26-2.65-5.26s-2,2.58-2.69,5.39c-.4,1.65-1,2.57-2.14,2.57h-2.42a2,2,0,0,1,1.11,1.62c.38,2.36.68,3.82,1.51,3.82s1.14-1.26,1.62-3.22c.38-1.54,1-2.22,1.68-2.22,1,0,1.52,1.25,2.09,3.62,1.13,4.72,1.37,7,3.18,7s2.09-2.29,3.3-7c.52-2.06,1.51-3.62,2.66-3.62s2,1.52,2.38,2.72c.9,2.61,1.32,3.6,2.32,3.6s1.56-1.19,2.43-4c.55-1.79.64-2.28,2.26-2.28h2.45Z"
              transform="translate(-498.15 -373.07)"></path>
          </svg>
        </div>
        <label class="alloy-title-bar-title modal-dialog-title-text ">Secure Configuration Client</label>
      </div>

      <div class="left-optional-content">

      </div>

      <div class="right-optional-content">
        <button id="btn-latest-request" href="/view-latest-request"
          class="alloy-button-title alloy-button alloy-button-toolbar" title="View Latest Request">
          <!-- <div class="alloy-title-bar-icon alloy-icon up">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
              baseProfile="full" width="32" height="32" viewBox="0 0 32.00 32.00"
              enable-background="new 0 0 32.00 32.00" xml:space="preserve">
              <path fill="none" stroke-width="1.33" stroke-linejoin="miter" stroke-opacity="1"
                d="M 29.5001,29.5003L 29.5,11.5L 16,2.00005L 2.50004,11.5L 2.5001,29.5003L 12.5001,29.5L 12.5001,18.4999L 19.5001,18.4999L 19.5001,29.5L 29.5001,29.5003 Z ">
              </path>
            </svg>
          </div> -->
          Home
        </button>

        <button id="btn-reset" href="/control-reset" class="alloy-button-title alloy-button alloy-button-toolbar" title="Reset Configurations">
          Reset
        </button>

        <button id="btn-help" class="alloy-button-title alloy-button alloy-button-toolbar ng-star-inserted"
          tabindex="-1" toolbar="" title="View Help">
          Help
        </button>
      </div>
    </div>
  </div>



  <section class="content-container no-padding">
    <section class="body-content">
      {{template "body" .}}
    </section>

    <footer class="text-muted">
      <div class="alloy-horizontal-separator alloy-alternate-color-separator separator"></div>

      <div class="content-container">
        <p class="text-right">
          Version 1.0
        </p>
      </div>
    </footer>
  </section>

  <script src="assets/js/jquery-3.5.1.min.js" type="text/javascript"></script>
  <script src="assets/js/main.js" type="text/javascript"></script>

  {{template "script"}}
</body>

</html>
{{end}}